<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#main {
				position: relative;
				width: 1024px;
				left: 50%;
				margin-left: -350px
			}
			
			.content {
				margin-top: 30px;
			}
			
			.left {
				border: 1px #E0E0E0 solid;
				padding: 18px;
				float: left;
			}
			
			.f1 {
				width: 268px;
				border-bottom: 1px #88878B solid;
			}
			
			.f6 .f9 {
				margin-top: 20px;
				background-image: url(../img/login/current.gif);
				background-repeat: no-repeat;
				float: left;
			}
			
			.f6 .f10 {
				margin-left: 6px;
				margin-top: 20px;
				float: left;
				background-image: url(../img/login/gray.gif);
				background-repeat: no-repeat;
			}
			
			.s1 {
				margin: 10px 13px;
				font-size: 13px;
				color: white;
				line-height: 24px;
			}
			
			.s2 {
				margin: 6px 10px;
				font-size: 13px;
				color: #B7B7B7;
				line-height: 24px;
			}
			
			.f2 {
				clear: both;
				padding-left: 40px;
				width: 228px;
				height: 120px;
				background-color: #FAFAFA;
				border-top: 1px solid;
				border-top-color: #870120;
			}
			
			.f2 p {
				color: #9E9E9E;
				font-size: 12px;
			}
			
			.f11 {
				background-image: url(../img/login/btn_bg.gif);
				background-repeat: no-repeat;
				height: 25px;
				margin-left: 30px;
				float: left;
				cursor: pointer;
			}
			
			.f3 {
				font-size: 13px;
				font-weight: bold;
				color: white;
				margin: 20px;
				line-height: 28px;
			}
			
			a {
				margin-left: 20px;
				text-decoration: none;
				color: black;
				font-size: 13px;
			}
			
			.f4 {
				font-size: 12px;
				color: #636363;
			}
			
			.f5 {
				margin: 5px;
				color: #A00802;
				font-weight: bold;
				font-size: 13px;
			}
			
			.r6 {
				margin-top: 1px;
				font-size: 11px;
				color: #8F9591;
				margin-left: 18px;
			}
			
			.f13 {
				margin: 3px;
				width: 268px;
				font-weight: 100;
				text-indent: 12px;
				font-size: 9px;
				line-height: 16px;
				color: #A1A1A1;
			}
			
			.f14 {
				color: #A1A1A1;
				font-size: 12px;
				font-weight: 100;
				text-align: right;
			}
			
			.f14 span {
				color: #636363;
				font-size: 13px;
			}
			
			.right {
				border: 1px #E0E0E0 solid;
				width: 298px;
				float: left;
				margin-left: 10px;
				padding: 18px;
			}
			
			.r1 {
				width: 290px;
				border-bottom: 1px #88878B solid;
			}
			
			.r2 {
				margin-top: 18px;
				font-size: 11px;
				color: #636363;
			}
			
			.r3 {
				margin-top: 5px;
				font-size: 11px;
				padding-left: 115px;
				line-height: 16px;
			}
			
			.r4 {
				margin-top: 10px;
				font-size: 11px;
				color: #636363;
				margin-left: 49px;
			}
			
			.r10 {
				margin-top: 5px;
				font-size: 11px;
				padding-left: 66px;
				line-height: 16px;
			}
			
			.r5 {
				margin-top: 9px;
				font-size: 11px;
				color: #636363;
				margin-left: 8px;
			}
			
			.r6 {
				margin-top: 6px;
				font-size: 11px;
				color: #636363;
				margin-left: 18px;
			}
			
			.a1 a {
				width: 260px;
				font-size: 12px;
				margin-top: 40px;
				margin-left: 195px;
			}
			a:hover{
				color: blue;
			}
			.r7 {
				margin-top: 15px;
				font-size: 12px;
				text-align: center;
				color: #8F9591;
			}
			
			.r7 span {
				text-decoration: underline;
				font-size: 12px;
				color: #A52854;
				cursor: pointer;
			}
			
			.r8 {
				background-image: url(../img/login/btn_bg_l.gif);
				background-repeat: no-repeat;
				background-position: center;
				margin-top: 8px;
				height: 20px;
				cursor: pointer;
			}
			
			.r8 span {
				margin-left: 86px;
				font-size: 12px;
				font-weight: bold;
				height: 20px;
				line-height: 20px;
				color: white;
				padding-bottom: 5px;
			}
			
			.footer {
				clear: both;
			}
			
			.f21 {
				border: 1px white solid;
				margin-top: 30px;
				width: 660px;
			}
			
			.footer ul {
				margin-left: 90px;
				list-style-type: none;
				height: 10px;
				padding-top: 3px;
				padding-bottom: 3px;
			}
			
			ul li {
				float: left;
				line-height: 15px;
			}
			
			.a2 {
				border-right: 1px #B9C1C7 solid;
				padding-right: 12px;
			}
			
			li a {
				font-size: 12px;
				color: #616165;
			}
			
			.f15 {
				color: #616165;
				font-size: 12px;
				margin-left: 100px;
			}
			
			.r9 {
				margin-top: 9px;
			}
			
			.sr1 {
				margin-left: 225px;
			}
			
			.sr2 {
				margin-left: 10px;
			}
		</style>
	</head>

	<body>
		<div id="main">
			<div class="content">
				<div class="left">
					<div class="f1">
						<img src="../img/login/vjia.gif" />
					</div>
					<div class="f6">
						<div class="f9">
							<span class="s1">Vjia用户</span>
						</div>
						<div class="f10">
							<span class="s2">Vancl用戶</span>
						</div>
					</div>
					<div class="f2">
						<p>用户名：<input type="text" style="width: 120px;" /> </p>
						<p>&nbsp;&nbsp;&nbsp;&nbsp;密码：<input type="text" style="width: 120px;" /> </p>
						<div class="f12">

							<div class="f11"><span class="f3">登录</span></div>
							<div>

								<a href="#main">忘记密码了？</a>
							</div>
						</div>
					</div>
					<div class="f4">
						使用合作伙伴账号登录Vjia:
						<img src="../img/account_qq.gif" />
					</div>
					<div class="f5">
						温馨提示：
						<div class="f13"> 如果还未注册VJIA用户，您可以使用VANCL用户名进行登录，登录后系统会自动为您注册一个与VANCL账户相关联的VJIA账户。账户关联后您可以共享VANCL会员积分与消费金额。</div>
						<div class="f14">有任何疑问请点击<span>帮助中心</span>或<span>联系客服</span></div>
					</div>
				</div>
				<div class="right">
					<div class="r1">
						<img src="../img/login/pic_zc.gif" />
					</div>
					<div class="r2">
						请填写您的Email地址：
						<input type="text" style="width: 160px;" />
						<div class="r3">请填写有效的Email地址作为下次登录的用户名，同时我们也会给这个地址发送给您的账户信息，订单通知等。</div>
					</div>
					<div class="r4">
						请设定密码：
						<input type="password" style="width: 160px;" />
						<div class="r10">密码请设为6-16位字母或数字</div>
					</div>
					<div class="r5">
						请再次输入设定密码：
						<input type="password" style="width: 160px;" />
					</div>
					<div class="r6">
						请输入设定验证码：
						<input type="text" style="width: 60px;" />
						<img src="../img/code_img.gif" style="vertical-align: middle;" />

					</div>
					<div class="a1">
						<a href="#main">看不清换一张</a>
					</div>
					<div class="r7">请阅读<span>《V+网站服务条款》</span></div>
					<div class="r8"><span>
						
					同意以上条款并注册</span></div>
				</div>
			</div>
			<div class="footer">
				<div class="f21">

					<ul>
						<li>
							<a href="#main" class="a2">首页</a>
						</li>
						<li>
							<a href="#main" class="a2">客户服务</a>
						</li>
						<li>
							<a href="#main" class="a2">品牌合作</a>
						</li>
						<li>
							<a href="#main" class="a2">网站联盟</a>
						</li>
						<li>
							<a href="#main">投诉和建议</a>
						</li>
					</ul>
				</div>
				<div class="f15">Copyright&copy;2011 vjia.com All Rights Reserved 京ICP备08000757号 京公网 安备110105005926</div>
				<div class="r9">
					<img src="../img/btm_logo_1.gif" class="sr1" />
					<img src="../img/btm_logo_2.gif" class="sr2" />
				</div>
			</div>
		</div>
	</body>

</html>